<template>
    <div class="main">
        <!--logo-->
        <div>
            <img class="logo" src="../assets/img/logo.png">
        </div>
        <!--菜单-->
        <el-menu
        router
        mode="horizontal" 
        background-color="#fff" 
        text-color="black">
            <el-menu-item index="/index">
                <span class="iconfont">&#xeba8;</span>
                首页
            </el-menu-item>
            <el-menu-item index="/product">
                <span class="iconfont">&#xe614;</span>
                产品中心
            </el-menu-item>
            <el-menu-item index="/aboutUs">
                <span class="iconfont">&#xe61d;</span>
                关于我们
            </el-menu-item>
            <el-menu-item index="/new">
                <span class="iconfont">&#xe67f;</span>
                新闻中心
            </el-menu-item>
            <el-menu-item index="/address">
                <span class="iconfont">&#xe675;</span>
                联系我们
            </el-menu-item>
        </el-menu>
        <!--手机-->
        <div class="phone">
            电话：400-8585-666
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .main{
        display:flex;
        justify-content:space-between;
        align-items:center;
        height: 100px;
		width: 100%;
		position:fixed;
        top:0px;
		border-bottom:1px solid black;
		z-index:100;
		background-color:white;
    }
    .logo{
        margin-left:100px;
        height: 100px;
		width: 100px;
        /*禁止选择*/
        user-select:none;    
    }
    .el-menu{
        margin-left:-200px;
        user-select:none;
    }
    .el-menu-item{
        font-size:20px;
    }
    .phone{
        margin-right:100px;
		height: 35px;
		width: 200px;
		border-radius: 15px;
		background-color: #1557fe;
		color: white;
		text-align: center;
		line-height: 35px;
    }
</style>